﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>馆内活动</title>
    <!-- favicon -->
    
    <!-- bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- fontawesome -->
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <!-- animate.css -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <!-- magnific popup css -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- slick css -->
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <!-- stylesheet -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- responsive -->
    <link rel="stylesheet" href="assets/css/responsive.css">
</head>
<style>
	 .breadcumb-area.breadcrumb-bg {
    background-image: url(assets/img/bg/bg4.jpg);
    background-position: center;
    background-size: cover; }
    
</style>
<body>

<!-- ============Start Navigation ===== -->
<nav class="navbar navbar-area navbar-expand-lg navbar-light bg-zoo">
        <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand logo" href="index.html">
                <img src="assets/img/logo.png" alt="logo image">
            </a>
        </div>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
             
                <li class="nav-item">
                    <a class="nav-link" href="index.html">主页 </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="探索海洋.html">探索海洋</a>
                </li>
               
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                        鲸彩活动
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="热点新闻.html">热点新闻</a>
                        <a class="dropdown-item" href="馆内活动.html">馆内活动</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="出行锦囊.html">出行锦囊</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="联系我们.html">联系我们</a>
                </li>
                <li class="nav-item ">
                    <a class="nav-link" href="个人中心.html">个人中心</a>
                </li>
                
            </ul>          
        </div>
        <div class="right-btn-wrapper">
            <a href="ticket.html" class="boxed-btn"> <i class="fas fa-ticket-alt"></i>点我购票</a>
        </div>

        </div>
    </nav> 
<!-- ============End Navigation ===== -->
    <div class="body-overlay" id="body-overlay"></div>
    <div class="search-popup" id="search-popup">
        <form action="index.html" class="search-popup-form">
            <div class="form-element">
                <input type="text" class="input-field" placeholder="Search.....">
            </div>
            <button type="submit" class="submit-btn"><i class="fas fa-search"></i></button>
        </form>
    </div>


    <!-- Breadcumb area start  -->
    <section class="breadcumb-area breadcrumb-bg">
        <div class="container">
            <div class="row ">
                <div class="col-lg-12">
                    <div class="breadcumb-inner">
                        <h2 class="title-blog">馆内活动</h2>
                        <ul class="page-list">
                            <li><a href="index.html" style="color: orange;">返回主页</a></li>
                            <li>馆内活动</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Breadcumb area end  -->


    <!-- blog area start  -->
    <section class="blog-area blog-bg blog-page">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/2.png" alt="blog single image">
                                </div>
                                <div class="content">
                                   <a href="#">
                                        <h3 class="title">小年 | 小海豚喊你一起来过年！虎年大餐第一波~</h3>
                                    </a>
                                    <p>新年的海豚们披红挂彩，为游客们带来更美的节目，美人鱼与海豚在水下互动，为你带来新年新运势！</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/22.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">的哥的姐欢乐节，10月我们再相逢！</h3>
                                    </a>
                                    <p>有这么一种职业，一年大多数的时间都在马路上奔波，周而复始地过着开车、吃饭、睡觉三点一线生活，他们就是我们最美的城市“摆渡人”——的哥的姐们！
</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/33.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">十一精彩纷呈，国潮、烟花璀璨上线</h3>
                                    </a>
                                    <p>国潮水龙，水下汉服再续中秋精彩，当两种文化在此融合碰撞，诗画意境萦绕极地，古桥之下，汉服巡游一眼千年，步步惊鸿，带你梦回汉唐盛世风华。</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/44.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">国潮风昼夜不停，共赏中秋焰火秀</h3>
                                    </a>
                                    <p>水上飞人精彩迭出，穿上古装，走在江边，感受海洋生物与你的亲密接触的气氛，感受大自然的馈赠。</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/55.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">人类高质量情侣过七夕</h3>
                                    </a>
                                    <p>除了山海之间的美景，虎滩的动物伙伴们也想做一次爱情的吉祥物，海鸥划破天空，海豚宝宝以爱之名送出香吻。</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/66.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">端午“玩的值”</h3>
                                    </a>
                                    <p>在中国传统节日到来之际，水下上演中国古老的民间故事，展现石槽与美人鱼之间的爱情故事。</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/77.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">来一次深度鸟语林科普</h3>
                                    </a>
                                    <p>走马观鸟，沿途认知散养区鸟类，了解他们的习性，食性以及小趣文。天鹅想吃啥，孔雀不吃啥，鸵鸟要吃啥</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="single-blog-item">
                                <!-- single blog item -->
                                <div class="thumb">
                                    <img src="assets/img/blog/88.jpg" alt="blog single image">
                                </div>
                                <div class="content">
                                    <a href="#">
                                        <h3 class="title">探秘海洋霸主鲨鱼</h3>
                                    </a>
                                    <p>专业科普讲师为亲子家庭带来“鲨鱼科普课程”，了解鲨鱼基础科普知识，近距离观察触摸鲨鱼牙齿标本。</p>
                                    <a href="#" class="readmore"></a>
                                </div>
                            </div><!-- //. single blog item -->
                        </div>
                        
                    </div>
                    
                </div>
                <div class="col-xl-4 col-lg-4">
                    <div class="sidebar">
                      
                
                        <div class="widget widget-popular-post">
                            <h6 class="widgettitle">
                                <span>最新公告</span>
                            </h6>
                
                            <div class="single-post">
                                <div class="part-img">
                                    <img src="assets/img/blog/aaa.jpg" alt="">
                                </div>
                                <div class="part-text">
                                    <span>2022.3.15</span>
                                    <h4><a href="#">	
过大年第二弹：“福运财喜”豪横上线，“牛”转乾坤运！</a></h4>
                                </div>
                            </div>
                
                            <div class="single-post">
                                <div class="part-img">
                                    <img src="assets/img/blog/bbb.jpg" alt="">
                                </div>
                                <div class="part-text">
                                    <span>2022.4.6</span>
                                    <h4><a href="#">	
小年 | 小企鹅喊你一“企”来过年！牛年大餐第一波~</a></h4>
                                </div>
                            </div>
                
                            <div class="single-post">
                                <div class="part-img">
                                    <img src="assets/img/blog/ccc.jpg" alt="">
                                </div>
                                <div class="part-text">
                                    <span>2022.5.13</span>
                                    <h4><a href="#">画出你的童梦海洋！</a></h4>
                                </div>
                            </div>
                
                            <div class="single-post">
                                <div class="part-img">
                                    <img src="assets/img/blog/ddd.jpg" alt="">
                                </div>
                                <div class="part-text">
                                    <span>2022.4.23span>
                                    <h4><a href="#">夜宿极地丨与鲨鱼为邻</a></h4>
                                </div>
                            </div>
                        </div>
                
                        <div class="widget widget_categories">
                            <h6 class="widgettitle"><span>馆内动物种类</span></h6>
                
                            <ul>
                                <li><a href="#">海洋无脊椎动物(37)</a></li>
                                <li><a href="#">海洋原索动物 (10)</a></li>
                                <li><a href="#">海洋脊椎动物(09)</a></li>
                                
                            </ul>
                        </div>
                
                
                
                        
                    </div>
                </div>

            </div>
    
        </div>
    </section>
    <!-- blog area end  -->


<!-- footer area start -->
<footer class="footer-area footer-bg">
		<div class="footer-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget about">
                            <div class="widget-title">
                                <div class="footer-logo">
                                    <a href="index.html"><img src="assets/img/footer-logo.png" alt="footer logo"></a>
                                </div>
                            </div>

                            <div class="widget-body">
                                <p>地址：辽宁省大连市旅顺口区大连交通大学旅顺校区 </p>
                                <p class="call-us">17866535753</p>
                                <p>E.mail：1511347324@qq.com</p>
                                
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6">
                       <div class="footer-widget">
                            <div class="widget-title">
                                <h3 class="title">快速导航</h3>
                            </div>
                           <div class="widget-body">
                                <ul class="footer-links">
                                    <li> <a href="探索海洋.html "><img src="assets/img/footer-icon.png" alt=""> 探索海洋 </a></li>
                                    <li> <a href="热点新闻.html"><img src="assets/img/footer-icon.png" alt=""> 热点新闻 </a></li>
                                    <li> <a href="馆内活动.html"><img src="assets/img/footer-icon.png" alt=""> 馆内活动 </a></li>
                                    <li> <a href="出行锦囊.html"><img src="assets/img/footer-icon.png" alt=""> 出行锦囊 </a></li>
                                    <li> <a href="联系我们.html"><img src="assets/img/footer-icon.png" alt=""> 联系我们 </a></li>
                                    <li> <a href="个人中心.html"><img src="assets/img/footer-icon.png" alt=""> 个人中心 </a></li>
                                </ul>
                           </div>
                       </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                       <div class="footer-widget">
                            <div class="widget-title">
                                
                            </div>
                           <div class="widget-body">
                                
                           </div>
                       </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget contact-info">
                            <div class="widget-title">
                                    <h3 class="title">精彩看点</h3>
                            </div>
                            <div class="widget-body">
                                <ul class="instagram-img">
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/1.jpg"></a></li>
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/2.jpg"></a></li>
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/3.jpg"></a></li>
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/4.jpg"></a></li>
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/5.jpg"></a></li>
                                    <li class="col-xs-4 col-4"><a href="#"><img alt="" src="assets/img/instagram/6.jpg"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div><!--footer top end-->
    <div class="copyright-area"><!--copyright area start-->
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    &#169; <span class="zoo-color">阿淋海洋世界</span> 2022. 1821030107郑博淋.
                </div>
                <div class="col-lg-6">
                    <ul class="copyright-links"> 
                        <li> <a href="#">个人中心</a></li>
                        <li> <a href="#">联系我们</a></li>
                    </ul>
                </div>
            </div><!-- /.row-->
        </div> <!-- /.container -->
    </div> <!--copyright area end-->
</footer>
<!-- footer area end -->


<!-- back to top start -->
<div class="back-to-top">
    <!-- back to top start -->
    <i class="fas fa-rocket"></i>
</div>
<!-- back to top end -->

<!-- preloader area start -->
<div class="preloader" id="preloader">
    <div class="loader loader-1">
        <div class="loader-outter"></div>
        <div class="loader-inner"></div>
    </div>
</div>
<!-- preloader area end -->

<!-- jquery -->
<script src="assets/js/jquery.js"></script>
<!-- bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- owl carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- wow js-->
<script src="assets/js/wow.min.js"></script>
<!-- magnific popup js -->
<script src="assets/js/jquery.magnific-popup.js"></script>
<!-- slick js-->
<script src="assets/js/slick.min.js"></script>
<!-- filterizr js-->
<script src="assets/js/jquery.filterizr.min.js"></script>

<!-- main -->
<script src="assets/js/main.js"></script>
</body>

</html>
